$(function () {
    let id
    function getCategoryList() {
        $.get("/admin/category/list",function (res) {
            const html = template("trTpl", { list: res.data })
            $(".category_table tbody").html(html)
        })
        
    }
//     //1发送请求，获取所有数据
    getCategoryList()
    // 2.给点击做绑定事件
    $("#myModal .btn_opt").click(function () {
        const name = $("input[name='name']").val().trim()
        const slug = $("input[name='slug']").val().trim()
        //2.判断是后为空
        if (!name || !slug) {
            layer.alert("分类名不能为空")
            return
        }
        //2.3发送请求 完成新增
        $.post("/admin/category/add", {name,slug},function (res) {
            console.log(res);
              $('#myModal').modal('hide');
             getCategoryList()
        })
    })
//   // 3 编辑按钮(动态生成！！！  事件委托)
//   $(".category_table").on("click", ".edit", function () {
//     // 3.1  获取到被点击 那一行的数据  
//     const obj = $(this).parents("tr").data("obj");
//     // 3.2 渲染到 编辑模态框中 ！！   
//     $("#name").val(obj.name);
//     $("#slug").val(obj.slug);
//       id = obj.id;
//       console.log(id);
//   })

//   // 4  编辑  保存按钮
//   $("#editModal .btn_opt").click(function () {
//     // 4.1 获取被编辑数据 ｛id,name,slug｝
//     // id ???
//     const name = $("#name").val().trim();
//     const slug = $("#slug").val().trim();
//     // 4.2 发送post请求到后台 完成更新
//     $.post("/admin/category/edit", { id, name, slug }, function (res) {
//       // 4.3 成功之后  关闭模态框
//       $("#editModal").modal("hide");
//       // 4.4 刷新数据 。。
//       getCategoryList();

//     })

//   })
    //3.编辑按钮 动态生成
    $(".category_table").on("click",".edit",function () {
        const obj = $(this).parents("tr").data("obj")
        $("#name").val(obj.name)
        $("#sulg").val(obj.slug)
        id = obj.id
        console.log(id);
    })
    //4编辑保存按钮
    $("#editModal .btn_opt").click(function () {
        const name = $("#name").val().trim()
        const slug = $("#slug").val().trim()
        // 4.2通过post请求
        $.post("/admin/category/edit", {id,name,slug},function (res) {
            $('#editModal').modal('hide');
            getCategoryList()
        })
    })
    //5删除按钮
    // $(".category_table").on("click", ".delete", function () {
    //      // 5.1 弹出窗口 询问用户
    // // this 当前的按钮 delete   this 指向的问题  this指向谁 看 谁在调用它 ！！！ 
    // // const { id } = $(this).parents("tr").data("obj");

    // // const that = this;
    //     layer.confirm("舍得删除嘛", (index) => {
    //          // // this 指向！！！！ 
    //         const { id } = $(this).parents("tr").data("obj")
    //         $.post("/admin/category/delete", {id},function (res) {
    //             // 5.2刷新数据
    //             getCategoryList()
    //             layer.close(index)
    //         })
    //     })
        
    // })
    $(".category_table").on("click",".delete",function (res) {
       //弹出窗口，询问用户
        layer.confirm("舍得删除嘛", (index) => {
            const { id } = $(this).parents("tr").data("obj")
            $.post("/admin/category/delete",{id},function () {
                getCategoryList()
                layer.close(index)
            })
         })
    })

})




